<style scoped>
  select{
    margin-left: -3px;
    height: 30px;
    line-height: 30px;
  }
</style>
<template>
  <div>
    <ul>
      <li style="margin-top: 10px">
        <label for="">列表类</label>
        <select name="" v-model="param.classId" id="">
          <option v-for="item in list" :value="item.id">{{item.name}}</option>
        </select>
      </li>
    </ul>
    <p class="text-center editor-foot">
      <button class="btn" @click="save">保存</button>
      <button class="btn" @click="close">取消</button>
    </p>
  </div>
</template>

<script>
  import mixin from './mixin'
  export default {
    mixins:[mixin],
    data() {
      return {
        param: {
          type:9,
          title: this.data.title,
          types: this.data.types,
          classId: this.data.classId
        },
        list:[]
      };
    },
    mounted () {
      this.getClass()
    },
    methods: {
      getClass () {
        let vm = this
        this.$http.get('classification/api/parent/88698031519588352/categories',{page:0,size:100}).then(function(res){
          vm.list = res.data.content
        })
      }
    }
  }
</script>
